<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>暴风商城</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="shortcut icon" type="image/x-icon" href="img/3.ico" media="screen" />
	</head>

	<body>
		<div class="homepagecon">
			<ul class="homepage">
				<li style="position: relative;z-index: 999;">
					<div class="homepage-summary">
						<div class="homepage-header">
							<div class="topbar-home"></div>
							<div class="topbar-nav">
								<div class="topbar-nav-login">
									<div class="index-loginno">
										<a>登录</a>
									</div>
									<div class="index-loginyes">
										<div class="index-username"></div>
										<ul class="homepage-login-list">
											<li class="index-username"></li>
											<a href="orderform.html">
												<li>我的暴风商城</li>
											</a>
											<a href="">
												<li>我的优惠券</li>
											</a>
											<a href="">
												<li>我的余额</li>
											</a>
											<a href="myOrder-favourate.html">
												<li>喜欢的商品</li>
											</a>
											<a href="myOrder-manaddr.html">
												<li>收货地址</li>
											</a>
											<a href="">
												<li>退货服务</li>
											</a>

											<a href="#">
												<li class="index-exit">退出登录</li>
											</a>
										</ul>
									</div>

								</div>
								<div class="topbar-nav-myorder">
									<a href="orderform.html">我的订单</a>
								</div>
								<div class="topbar-nav-news">
									<a href="">消息</a>
								</div>
								<div class="topbar-nav-help">
									<a href="">帮助</a>
								</div>
								<div class="topbar-nav-businesscenter">
									<a href="shopcenter.html">商户中心</a>
								</div>
							</div>
						</div>
						<div class="homepage-summary-logo"><a style="display: block;height: 100%;" href="index.html"></a></div>
						<div class="homepage-summary-cart">
							<div class="homepage-summary-carticon"></div>
							<div class="homepage-summary-mycart"><a style="display: block;height: 100%;width: 100%;" href="shopcar.html"><span>我的购物车</span></a></div>
						</div>
						<div class="homepage-top-nav-command">
							<ul>
								<li class="homepage-top-nav-command-1">
									<a href="DetailPages.html?id=8">S1199抢</a><span class="homepage-top-nav-command-icon"></span>
									<div class="homepage-top"></div>
								</li>
								<li class="homepage-top-nav-command-1">
									<a href="DetailPages.html?id=12">小Q99抢</a><span class="homepage-top-nav-command-icon"></span></li>
								<li class="homepage-top-nav-command-3">
									<a href="DetailPages.html?id=26">魔兽 上新</a><span class="homepage-top-nav-command-icon-3"></span></li>
								<li class="homepage-top-nav-command-4">
									<a href="DetailPages.html?id=25">正义联盟上新</a><span class="homepage-top-nav-command-icon-4"></span></li>
								<li class="homepage-top-nav-command-3">
									<a href="DetailPages.html?id=28">羞羞的铁拳</a>
								</li>
							</ul>
						</div>
					</div>
				</li>
				<li>
					<div class="homepage-mainbody">
						<div class="homepage-mainbody-bannerleft">
							<ul class="homepage-mainbody-mirror">
								<li class="homepage-mainbody-mirror-first">
									<a href="listPage.html">暴风魔镜</a><span class="homepage-mainbody-mirroe-arrow1"></span>
									<div class="homepage-mainbody-mirropro">
										<ul class="homepage-mainbody-mirrorlist-1">
											<a href="DetailPages.html?id=2">
												<li>
													<div class="homepage-mainbody-mirroelist-1-img"></div>
													<p>暴风魔镜一体机 Matrix</p>
												</li>
											</a>
											<a href="DetailPages.html?id=2">
												<li>
													<div class="homepage-mainbody-mirroelist-2-img"></div>
													<p>暴风魔镜Matrix 官方标准礼包</p>
												</li>
											</a>
											<a href="DetailPages.html?id=8">
												<li>
													<div class="homepage-mainbody-mirroelist-3-img"></div>
													<p>暴风魔镜S1 VR新品</p>
												</li>
											</a>
											<a href="DetailPages.html?id=11">
												<li>
													<div class="homepage-mainbody-mirroelist-4-img"></div>
													<p>缺货 暴风魔镜-白日梦套餐</p>
												</li>
											</a>
											<a href="DetailPages.html?id=14">
												<li>
													<div class="homepage-mainbody-mirroelist-5-img"></div>
													<p>暴风魔镜-白日梦VR眼镜</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-mainbody-mirrorlist-2">
											<a href="DetailPages.html?id=3">
												<li>
													<div class="homepage-mainbody-mirroelist-2-1-img"></div>
													<p>白日梦系列-VR游戏手柄</p>
												</li>
											</a>
											<a href="DetailPages.html?id=6">
												<li>
													<div class="homepage-mainbody-mirroelist-2-2-img"></div>
													<p>暴风魔镜S1 轻轻版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=9">
												<li>
													<div class="homepage-mainbody-mirroelist-2-3-img"></div>
													<p>暴风魔镜S1 轻轻版 游戏套装</p>
												</li>
											</a>
											<a href="DetailPages.html?id=12">
												<li>
													<div class="homepage-mainbody-mirroelist-2-4-img"></div>
													<p>暴风魔镜小Q 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=15">
												<li>
													<div class="homepage-mainbody-mirroelist-2-5-img"></div>
													<p>缺货 暴风魔镜小Q 遥控版</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-mainbody-mirrorlist-3">
											<a href="DetailPages.html?id=4">
												<li>
													<div class="homepage-mainbody-mirroelist-3-1-img"></div>
													<p>缺货 暴风魔镜小M 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=7">
												<li>
													<div class="homepage-mainbody-mirroelist-3-2-img"></div>
													<p>缺货 暴风魔镜小M 遥控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=10">
												<li>
													<div class="homepage-mainbody-mirroelist-3-3-img"></div>
													<p>暴风魔镜小D 头控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=13">
												<li>
													<div class="homepage-mainbody-mirroelist-3-4-img"></div>
													<p>缺货 暴风魔镜小D 遥控版</p>
												</li>
											</a>
											<a href="DetailPages.html?id=16">
												<li>
													<div class="homepage-mainbody-mirroelist-3-5-img"></div>
													<p>暴风魔镜4 标准版 iPhone</p>
												</li>
											</a>
										</ul>
									</div>
								</li>

								<li class="storm-Vip-square">
									<a href="vipPage.html">暴风VIP</a>
									<div class="homepage-mainbody-mirroe-arrow1"></div>
									<div class="homepage-stormVip">
										<ul class="homepage-stormVip-list1">
											<a href="vipPage.html">
												<li>
													<div class="homepage-storm-list-1-img"></div>
													<p>影音VIP 1月</p>
												</li>
											</a>
											<a href="vipPage.html">
												<li>
													<div class="homepage-storm-list-2-img"></div>
													<p>影音VIP 3月</p>
												</li>
											</a>
											<a href="vipPage.html">
												<li>
													<div class="homepage-storm-list-3-img"></div>
													<p>影音VIP 12月</p>
												</li>
											</a>
											<a href="vipPage.html">
												<li>
													<div class="homepage-storm-list-4-img"></div>
													<p>TV会员 1个月</p>
												</li>
											</a>
											<a href="vipPage.html">
												<li>
													<div class="homepage-storm-list-5-img"></div>
													<p>TV会员 3个月</p>
												</li>
											</a>
										</ul>
										<div class="homepage-stormVip-list-2">
											<div class="homepage-storm-list-2-1-img">
												<p>TV会员 12个月</p>
											</div>
										</div>
									</div>
								</li>
								<li class="homepage-Entertainment">
									<a href="listPage2.html">娱乐周边</a>
									<div class="homepage-mainbody-mirroe-arrow1"></div>
									<div class="homepage-Entertainment-square">
										<ul class="homepage-Entertainment-list1">
											<a href="listPage-circums.html?id=25">
												<li>
													<div class="homepage-Entertainment-list1-img"></div>
													<p>正义联盟</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=26">
												<li>
													<div class="homepage-Entertainment-list2-img"></div>
													<p>魔兽</p>
												</li>
											</a>
											<a href="#">
												<li>
													<div class="homepage-Entertainment-list3-img"></div>
													<p>缝纫机乐队</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=28">
												<li>
													<div class="homepage-Entertainment-list4-img"></div>
													<p>羞羞的铁拳</p>
												</li>
											</a>
											<a href="#">
												<li>
													<div class="homepage-Entertainment-list5-img"></div>
													<p>蜘蛛侠英雄归来</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-Entertainment-list2">
											<a href="#">
												<li>
													<div class="homepage-Entertainment-list-2-1-img"></div>
													<p>蜡笔小新</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=29">
												<li>
													<div class="homepage-Entertainment-list-2-2-img"></div>
													<p>魔鬼猫</p>
												</li>
											</a>
											<a href="#">
												<li>
													<div class="homepage-Entertainment-list-2-3-img"></div>
													<p>猩球崛起</p>
												</li>
											</a>
											<a href="#">
												<li>
													<div class="homepage-Entertainment-list-2-4-img"></div>
													<p>变形金刚</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=31">
												<li>
													<div class="homepage-Entertainment-list-2-5-img"></div>
													<p>复仇者联盟</p>
												</li>
											</a>
										</ul>
										<ul class="homepage-Entertainment-list3">
											<a href="listPage-circums.html?id=33">
												<li>
													<div class="homepage-Entertainment-list-3-1-img"></div>
													<p>萌奇小冰棒</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=34">
												<li>
													<div class="homepage-Entertainment-list-3-2-img"></div>
													<p>星球大战</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=35">
												<li>
													<div class="homepage-Entertainment-list-3-3-img"></div>
													<p>哆啦A梦</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=40">
												<li>
													<div class="homepage-Entertainment-list-3-4-img"></div>
													<p>熊本熊</p>
												</li>
											</a>
											<a href="listPage-circums.html?id=41">
												<li>
													<div class="homepage-Entertainment-list-3-5-img"></div>
													<p>超能陆战队</p>
												</li>
											</a>
										</ul>
									</div>

								</li>
							</ul>

						</div>
						<div class="homepage-mainbody-banner">
							<div class="homepage-mainbody-bannertop">
								<img src="img/1.jpeg" id="homepage-mainbody-img-1">
								<div class="homepage-mainbody-bannertop-arrow-left"></div>
								<div class="homepage-mainbody-bannertop-arrow-right"></div>
								<ul class="homepage-mainbody-banner-indexes">

								</ul>
							</div>
							<ul class="homepage-mainbody-bannerbottom">
								<li><a href="DetailPages.html?id=6"><img src="img/8470d8a9f9180b97.jpeg"></a></li>
								<li><a href="DetailPages.html?id=14"><img src="img/bb704910a613e1f0.jpeg"></a></li>
								<li><a href="DetailPages.html?id=2"><img src="img/1f347ffa2500316d.jpeg"></a></li>
								<li><a href="DetailPages.html?id=12"><img src="img/64fe6b4477e872a8.jpeg"></a></li>
							</ul>
						</div>
						<div class="homepage-stormmirror">
							<div class="homepage-stormmirror-squ"></div>
							<div class="homepage-stormmirror-squ-title">暴风魔镜</div>
						</div>
						<div class="homepage-stormmirror-img">
							<div class="homepage-img-leftside">
								<a href="listPage.html"><div class="homepage-img-leftside-top"></div></a>
								<a href="DetailPages.html?id=9"><div class="homepage-img-leftside-bottom"></div></a>
							</div>
							<ul class="homepage-img-center-side">
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=2"><img src="img/bff37a7b8f5f8e64.jpeg"></a>
									</div>
									<p>暴风魔镜Matrix</p><span>科技产品 仅售2799</span>
								</li>
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=14"><img src="img/3e3e92fa1a36a24e.jpeg"></a>
									</div>
									<p>白日梦魔镜</p><span>抢购价149</span></li>
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=8"><img src="img/b31e31c8f44c66fe.jpeg"></a>
									</div>
									<p>暴风魔镜S1</p><span>抢购价199</span></li>
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=12"><img src="img/967b10d4438e1dd5.jpeg"></a>
									</div>
									<p>暴风魔镜小Q</p><span>抢购价99</span></li>
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=6"><img src="img/e866e7158f49d233.jpeg"></a>
									</div>
									<p>暴风魔镜S1 轻轻版</p><span>仅售199</span></li>
								<li>
									<div class="homepage-omg-center-side-1">
										<a href="DetailPages.html?id=16"><img src="img/00bcba79a5df357a.jpeg"></a>
									</div>
									<p>暴风魔镜4</p><span>抢购价149</span></li>
							</ul>
							<ul class="homepage-img-right">
								<li>
									<a href="DetailPages.html?id=10">
										<div class="homepage-img-right-contain"></div>
									</a>
									<div class="homepage-img-right-productpro">
										<div class="homepage-img-right-productpro-1">暴风魔镜小D 头控版</div>
										<div class="homepage-img-right-productpro-2">
											<span class="homepage-img-right-productpro-priceold">¥49.00</span><span class="homepage-img-right-productpro-pricenew">¥79.00</span>
										</div>
									</div>
								</li>
								<li>
									<a href="DetailPages.html?id=14">
										<div class="homepage-img-right-contain2"></div>
									</a>
									<div class="homepage-img-right-productpro2">
										<div class="homepage-img-right-productpro-2-1">暴风魔镜-白日梦</div>
										<div class="homepage-img-right-productpro-2-2">
											<span class="homepage-img-right-productpro-priceold2">¥149.00</span><span class="homepage-img-right-productpro-pricenew2">¥199.00</span>
										</div>
									</div>
								</li>
								<li>
									<a href="DetailPages.html?id=6">
										<div class="homepage-img-right-contain3"></div>
									</a>
									<div class="homepage-img-right-productpro3">
										<div class="homepage-img-right-productpro-3-1">暴风魔镜S1 轻轻版</div>
										<div class="homepage-img-right-productpro-3-2">
											<span class="homepage-img-right-productpro-priceold3">¥199.00</span><span class="homepage-img-right-productpro-pricenew3">¥299.00</span>
										</div>
									</div>
								</li>
								<li>
									<a href="DetailPages.html?id=2">
										<div class="homepage-img-right-contain4"></div>
									</a>
									<div class="homepage-img-right-productpro4">
										<div class="homepage-img-right-productpro-4-1">暴风魔镜Matrix</div>
										<div class="homepage-img-right-productpro-4-2">
											<span class="homepage-img-right-productpro-priceold4">¥2999.00</span><span class="homepage-img-right-productpro-pricenew4">¥3298 .00</span>
										</div>
									</div>
								</li>
								<li>
									<a href="DetailPages.html?id=9">
										<div class="homepage-img-right-contain5"></div>
									</a>
									<div class="homepage-img-right-productpro5">
										<div class="homepage-img-right-productpro-5-1">暴风魔镜S1 轻轻版 体感游戏套装</div>
										<div class="homepage-img-right-productpro-5-2">
											<span class="homepage-img-right-productpro-priceold5">¥319.00</span><span class="homepage-img-right-productpro-pricenew5">¥389.00</span>
										</div>
									</div>
								</li>
							</ul>
						</div>

					</div>
				</li>
				<li>
					<div class="homepage-AVVIP">
						<div class="homepage-AVVIP-title">暴风影音VIP</div>
					</div>
					<div class="homepage-AVVIP-contain">

						<div class="homepage-AVVIP-contain-left"></div>
						<ul class="homepage-AVVIP-contain-right">
							<li><a href="vipPage.html"><img src="img/db557a4797896c4c.jpeg"></a></li>
							<li><a href="vipPage.html"><img src="img/267831507b17f2fe.jpeg"></a></li>
							<li><a href="vipPage.html"><img src="img/4e05991b1b474ff7.jpeg"></a></li>
						</ul>
					</div>
					<div class="homepage-video">视频专区</div>
					<ul class="homepage-video-contain">
						<li><img src="img/4554ef2cff611ae9.jpeg">
							<div class="homepage-video-contain-1"></div>
						</li>
						<li><img src="img/71ad7ccec652d3e9.jpeg">
							<div class="homepage-video-contain-1"></div>
						</li>
						<li><img src="img/2d9ba151e3df05b5.jpeg">
							<div class="homepage-video-contain-1"></div>
						</li>
						<li><img src="img/f34f46cbefe52bc1.jpeg">
							<div class="homepage-video-contain-1"></div>
						</li>
					</ul>
				</li>
				<li>
					<div class="homepage-footer">
						<div class="homepage-footer-superiorityrow">
							<ul class="homepage-footer-wrapper">
								<li>
									<div class="homepage-footer-icon1">
										<p>正品保障</p>
									</div>
								</li>
								<li>
									<div class="homepage-footer-icon2">
										<p>签收7天内退货</p>
									</div>
								</li>
								<li>
									<div class="homepage-footer-icon3">
										<p>15天换货</p>
									</div>
								</li>
							</ul>
							<div class="homepage-border"></div>
							<div class="homepage-footer-help">
								<ul class="homepage-footer-helplist">
									<li>帮助中心
										<p>如何购买</p>
										<p>支付方式</p>
										<p>配送服务</p>
									</li>
									<li>服务支持
										<p>售后政策</p>
										<p>退款政策</p>
										<p>关于发票</p>
									</li>
									<li>软件下载
										<p>魔镜APP</p>
										<p>魔镜游戏</p>
										<p>魔镜SDK</p>
										<p>风迷下载</p>
									</li>
									<li>关于我们
										<p>了解我们</p>
										<p>加入暴风</p>
										<p>官方微博</p>
										<div class="homepage-wechat">官方微信
											<div class="wechat"></div>
										</div>
									</li>
								</ul>
								<div class="footer-contact">
									<p>400-960-6169</p><span>（周一至周五 10:00-18:00）</span>
									<div class="footer-online">
										<div class="footer-online-row"><span>在线客服</span></div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</li>

			</ul>
			<div class="footercontain">
				<div class="footercontains">
					<h5>友情链接：</h3><p> 暴风影音</p><p> 暴风魔镜</p><span> 暴风TV</span>
		</div></div>
		<div class="homepage-copyright"><div class="homepage-cpyright-contain"><p>
            Copyright © 2016 北京暴风魔娱电子商务有限公司 All rights reserved. 京ICP备08011423号-1
        </p></div></div>
		<div>
			<div class="homepage-rightbar">
				<ul class="homepage-navigationbar">
					<li>
						<a href="shopcar.html"><div class="homepage-shopcar"></div></a>
					</li>
					<li id="index-glass">暴风魔镜</li>
					<li id="index-vip">影音VIP</li>
					<li class="homepage-footer-we">官方微信<div class="homepage-footer-wechat"></div></li>
				</ul>
				<div class="homepage-goTop">顶部</div>
			</div>
		</div>
		</div>

		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/Login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/alertLogin.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
		
		<script>
			$(function() {
			$.header.main()
			
			$("#index-glass").click(function () {
				$("html,body").animate({
						scrollTop: $(".homepage-stormmirror").position().top+100
					}, 500)//点击导航栏中的内容,跳到相应的页面位置
			})
			$("#index-vip").click(function () {
				$("html,body").animate({
						scrollTop: $(".homepage-AVVIP").position().top-100
					}, 500)
			})
			$(".homepage-goTop").click(function () {
				$("html,body").animate({
						scrollTop: 0
					}, 500)
			})
			
				var arr = ["1.jpeg", "2.jpeg", "3.jpeg", "4.jpeg", "5.jpeg"]
				for(var i = 0; i < arr.length; i++) {
					$(".homepage-mainbody-banner-indexes").append("<li></li>")
				}
				$(".homepage-mainbody-banner-indexes li").first().addClass("active")
				var index = 0;
				var timer = null;

				function createtimer() {
					timer = setInterval(function() {
						if(++index === arr.length) index = 0
						change()
					}, 3000)//每隔三秒切换下一张图片
				}
				createtimer()

				function change() {
					$("#homepage-mainbody-img-1").prop("src", "img/" + arr[index])
					$(".homepage-mainbody-banner-indexes li").eq(index).addClass("active").siblings().removeClass("active")

				}
				$(".homepage-mainbody-banner-indexes li").hover(function() {
					clearInterval(timer)
					index = $(this).index()
					change()
				}, function() {
					createtimer()
				})
				$(".homepage-mainbody-bannertop-arrow-left").click(function() {
					clearInterval(timer)
					if(--index === -1) index = arr.length - 1
					change()
					createtimer()
				})
				$(".homepage-mainbody-bannertop-arrow-right").click(function() {
					clearInterval(timer)
					if(++index === arr.length) index = 0
					change()
					createtimer()
				}) //轮播图效果
				$(window).scroll(function() {
					if($(window).scrollTop() >100) {
						if(!$('.homepage-rightbar').hasClass("show")) {
							$(".homepage-rightbar").addClass("show")
						}
					} else {
						if($('.homepage-rightbar').hasClass("show")) {
							$(".homepage-rightbar").removeClass("show")
						}
					}
					$(".homepage>li").each(function(i, item) {
						var cha = $(this).position().top - $(window).scrollTop()
						if(cha <= 100 && cha >= 100 - $(this).innerHeight()) {
							$(".homepage-navigationbar>li").eq(i).addClass("active").siblings().removeClass("active")
						}
					})
				})

			})//导航栏切换
			
		</script>
	</body>

</html>